<table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="1">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center;"><a id="left" href="a">Left</a></td>
<td style="vertical-align: top; text-align: center;"><input id="start" type="date" value="text"></td>
<td style="vertical-align: top; text-align: center;"><a id="right" href="a">Right</a></td>
</tr>
</tbody>
</table>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  var resultMap = [
    ["Left", "left"],
    ["Right", "start"], // month
    ["Right", "start"], // day
    ["Right", "start"], // year
    ["Right", "right"],
    ["Left", "start"],
  ];

  // Start at a known place.
  document.getElementById("start").focus();
  snav.assertFocusMoves(resultMap);
</script>
